<!--
	@create by  2019.8.27 luzhaoyu
	@update by
	@description
-->
<div>
    <el-form-q :field-data="queryFields" :buttons="queryButtons"></el-form-q>
    <div class="yu-toolBar">
        <el-button-group>
            <el-button icon="plus" @click="taskAllocationFn" v-if="checkPermission('taskAllocation')" >任务分配</el-button>
            <el-button icon="edit" @click="artificialFlowFn" v-if="checkPermission('taskflow')" >人工流转</el-button>
        </el-button-group>
    </div>

    <el-table-x ref="reftable" :row-index="true" :radiobox="false" :base-params="baseParams"
                @custom-row-click="tablePropClick" :data-url="dataUrl" :table-columns="tableColumns" :request-type="'POST'"></el-table-x>

    <!-- 说明dialog可配置宽高属性，若不配置则宽度默认为屏幕50%，高度自适应width="650px" height="380px" -->
    <el-dialog-x title="人工流转" :visible.sync="dialogVisibleFlow" size="full" >
        <el-tabs v-model="baseTab">
            <el-collapse ref='basecollapse' v-model="expandCollapseName">
                <el-collapse-item title="客户基本信息" name="baseCusInfo">
                    <el-form-x ref="baseCusInfo" :group-fields="baseInfoFields" :disabled="formDisabled"
                               label-width="130px"></el-form-x>
                </el-collapse-item>

                <el-collapse-item title="贷款借据信息" name="revform">
                    <el-form-x ref="revform" :group-fields="revformFields" :disabled="formDisabled"
                               label-width="130px"></el-form-x>
                    <div class="yu-grpButton">
                        <el-button type="primary" icon="document" @click="accLoanInfoFn">查看</el-button>
                    </div>
                </el-collapse-item>

                <el-collapse-item title="历史催收记录" name="taskRcdform">
                    <el-table-x ref="taskRcdform" :row-index="false" :radiobox="false" :base-params="baseParamsRcd"
                                :data-url="dataUrlRcd" :table-columns="rcdTableColumns"
                                :request-type="'POST'"></el-table-x>
                </el-collapse-item>

                <el-collapse-item title="流转类型" name="taskFlowform">
                    <el-form-x ref="taskFlowform" :group-fields="taskFlowformFields" label-width="130px"
                               :buttons="updateButtons"></el-form-x>
                </el-collapse-item>

            </el-collapse>
        </el-tabs>
    </el-dialog-x>

    <el-dialog-x title="任务分配" :visible.sync="dialogVisibleTask" size="large">
        <!--tiny/small/large/full-->
                <el-form-x ref="baseRef" :group-fields="baseRefFields" label-width="80px"></el-form-x>
        <div class="yu-grpButton">
            <el-button type="primary" icon="yx-checkmark" @click="saveFn">保存</el-button>
            <el-button type="primary" icon="yx-undo2" @click="cancelFn">取消</el-button>
        </div>
    </el-dialog-x>

    <!-- 客户信息超链接 -->
    <el-dialog-x title="客户信息" :visible.sync="dialogVisibleCus" size="full" >
        <el-tabs v-model="baseTab">
            <el-collapse ref='basecollapse' v-model="expandCollapseCus">
                <el-collapse-item title="客户基本信息" name="identityInfo">
                    <el-form-x ref="identityInfo" :group-fields="identityInfoFields" :disabled="formDisabled"
                               label-width="130px"></el-form-x>
                </el-collapse-item>

                <el-collapse-item title="背景信息" name="backgroundInfo">
                    <el-form-x ref="backgroundInfo" :group-fields="backgroundInfoFields" :disabled="formDisabled"
                               label-width="130px"></el-form-x>
                </el-collapse-item>

                <el-collapse-item title="婚姻信息" name="indivMarInFo">
                    <el-form-x ref="indivMarInFo" :group-fields="indivMarInFoFields" :disabled="formDisabled"
                               label-width="130px"></el-form-x>
                </el-collapse-item>

                <div class="yu-grpButton">
                    <el-button type="primary" icon="yx-undo2" @click="returnCusFn">返回</el-button>
                </div>
            </el-collapse>
        </el-tabs>
    </el-dialog-x>

    <!-- 借据编号超链接展示 -->
    <el-dialog-x title="借据信息" :visible.sync="dialogVisibleLoan" size="full">
        <el-form-x ref="revformLoan" :group-fields="loanFields" :disabled="true" label-width="130px"></el-form-x>
        <div class="yu-grpButton">
            <el-button type="primary" icon="yx-undo2" @click="retrunFn">返回</el-button>
        </div>
    </el-dialog-x>

</div>
